<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title></title>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />
  <link href="../dist/Essa/Card/Card.css" rel="stylesheet" />
</head>

<body>
  <div ng-app="essa.common.components" ng-controller="mainCtrl">
    <div class="container">
      <essa-card title="Cart Title" extra="{{extra}}">

      </essa-card>
    </div>
  </div>
  <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
  <script>
    angular.module("essa.common.components", []).controller("mainCtrl", function ($scope, $sce) {
      $scope.extra = `<a href="">More</a>`;
    });
  </script>
  <script src="../dist/Essa/Card/Card.js"></script>
</body>

</html>